<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <title>我道</title>
    <meta name="description" content="我叫1900，普通男青年，学过三年编程。湖南人，现在在四川工作。2015年花了26天骑过一次318。有点伪文艺，喜欢比较玄学的东西。性格多变，疑似有人格分裂。" />

    <meta name="HandheldFriendly" content="True" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="shortcut icon" href="favicon.ico">

    <link rel="stylesheet" type="text/css" href="/css/screen.css" />
    <link rel="stylesheet" href="/css/iDisqus.min.css">
    <link href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">
    <link rel="stylesheet" href="/css/monokai-sublime.css">


</head>
<body class="home-template" id="s-top">

    <div class="nav">
<div class="nav_body">
  <div class="b_logo"> 
      <a class="blog-logo" href="/"><img src="/img/logo-mini.png" alt="我道" /></a>
  </div>
  <div class="b_class"> 
    <ul>
    	/ || 首页

        <li class="nav-"><a class="" href="/rss">订阅</a></li>

    </ul>
  </div>
</div>
</div>
    
<div class="post-bg" style="background-image: url(function () {
  return this.eq(0);
});"></div> 


<header class="home-header" to="#content"  data-offset="-55">
    <div class="vertical">
        <div class="main-header-content inner">
            <h1 class="page-title" to="#content"  data-offset="-55"><img src ="/img/logo.png" alt="我道" /></h1>
            <h2 class="page-description" to="#content"  data-offset="-55">我叫1900，普通男青年，学过三年编程。湖南人，现在在四川工作。2015年花了26天骑过一次318。有点伪文艺，喜欢比较玄学的东西。性格多变，疑似有人格分裂。</h2>
        </div>
    </div>
    <a class="scroll-down icon-arrow-left" href="#content" data-offset="-55" to="#content"><span class="hidden">下拉显示</span></a>
</header>

    <div class="site-wrapper" page-type="c-index">

<main id="content" class="content" role="main">


<article class="post">
<div class="post-toppic" style="">
                    <div class="picbox"><a class="read-more" href="/chrome-rss-ext/">
                      <img node-type="articleHeaderPic" src="http://cdn.4zen.top/image/4/8a/355df99fce1cd5151cc2841b13bb9.jpg">
                                          </a></div>
                  </div>
    <header class="post-header">
        <h2 class="post-title"><a href="/chrome-rss-ext/">忽然想写一个chrome扩展</a></h2>
    </header>
    <section class="post-excerpt">
        <p>因为现在RSS的没落，感觉在chrome的在线商店几乎看不到很出色的订阅插件。
现在提供订阅服务的插件如果想要同步服务基本上都是要收费的（我目前还没找到免费的，可以同步的插件），之前有使用一款叫feed ready的扩展，使用起来还是非常不错，但是没同步服务，系统重装后所有的订阅数据都不见了，让我很苦恼，所以我萌生了自己看能不能写一个订阅插件的服务…
总结下功能需求：


订阅列表
可添加订阅
自动识别网站订阅源。
更新提醒，阅读后自动<a class="read-more" href="/chrome-rss-ext/">&raquo;</p>
    </section>
    <footer class="post-meta">
        <time class="post-date" datetime=""></time>
        <a href="/chrome-rss-ext/#comment" class="post-comment">有<span data-disqus-url="/chrome-rss-ext/"></span>条评论<a>
    </footer>
</article>


<article class="post">
<div class="post-toppic" style="">
                    <div class="picbox"><a class="read-more" href="/2-project-progress-updateing/">
                      <img node-type="articleHeaderPic" src="/img/default.jpg">
                                          </a></div>
                  </div>
    <header class="post-header">
        <h2 class="post-title"><a href="/2-project-progress-updateing/">[开发日志]2：项目进度(更新贴)</a></h2>
    </header>
    <section class="post-excerpt">
        <p>目前已经实现的功能2017年4月22日 增加商品、人员2017年4月22日 商品列表2017年4月22日 晒单完成了一半，就差写提交函数。
待实现的功能
商品、人员的修改和删除，人和商品不打算做删除功能，到时候加个商品状态，不需要的品种设置成作废，并不查询出来。
晒单提交
营业员晒单列表
营业员晒单明细
营业员、管理员多功能查询
管理员审核晒单列表
管理员晒单审核

思路搭建webapp应用和用动态语言编写网页有一些区别。首先，打包好的<a class="read-more" href="/2-project-progress-updateing/">&raquo;</p>
    </section>
    <footer class="post-meta">
        <time class="post-date" datetime=""></time>
        <a href="/2-project-progress-updateing/#comment" class="post-comment">有<span data-disqus-url="/2-project-progress-updateing/"></span>条评论<a>
    </footer>
</article>


<article class="post">
<div class="post-toppic" style="">
                    <div class="picbox"><a class="read-more" href="/biao-dan-yan-zheng/">
                      <img node-type="articleHeaderPic" src="/img/default.jpg">
                                          </a></div>
                  </div>
    <header class="post-header">
        <h2 class="post-title"><a href="/biao-dan-yan-zheng/">正则表达式-表单验证</a></h2>
    </header>
    <section class="post-excerpt">
        <p>一步一步今天终于开始写表单了，进度有点慢，时间不是很充裕，每天只有晚上这点时间可以折腾。而且这么久没写项目了感觉脑袋有点跟不上了..项目进度等这个添加用户的功能做好之后再来一次汇整总结把！
因为要写表单了，所以需要考虑上数据的验证问题。自己查阅了framework7的官方文档和百度、知乎这些资料平台后发现似乎并没验证表单的组件。无奈之下本来打算选择jquery，然后使用jquery的一些组件。后来不知道怎么的忽然想起了微信的weui.j<a class="read-more" href="/biao-dan-yan-zheng/">&raquo;</p>
    </section>
    <footer class="post-meta">
        <time class="post-date" datetime=""></time>
        <a href="/biao-dan-yan-zheng/#comment" class="post-comment">有<span data-disqus-url="/biao-dan-yan-zheng/"></span>条评论<a>
    </footer>
</article>


<article class="post">
<div class="post-toppic" style="">
                    <div class="picbox"><a class="read-more" href="/dun-wu/">
                      <img node-type="articleHeaderPic" src="http://cdn.4zen.top/image/f/5f/9ace946af62139b643de8186d020b.jpg">
                                          </a></div>
                  </div>
    <header class="post-header">
        <h2 class="post-title"><a href="/dun-wu/">顿悟了。</a></h2>
    </header>
    <section class="post-excerpt">
        <p>昨天睡觉做梦的时候忽然好像顿悟了framework7搭配codeigniter的用法。

用户发起请求
控制器响应
获取数据库数据，分配对应页面，直接将数据json化反给前端。
前段框架根据需求展示数据

之前对前端框架朦朦胧胧，前端这边很多框架都是用的类似vue这种数据绑定的方式。我当时就在想了，前端这边页面怎么加载数据？难不成用php语句直接打印json？现在懂了，使用ci框架时，用户访问页面都是先经过控制器再访问的view页面，我<a class="read-more" href="/dun-wu/">&raquo;</p>
    </section>
    <footer class="post-meta">
        <time class="post-date" datetime=""></time>
        <a href="/dun-wu/#comment" class="post-comment">有<span data-disqus-url="/dun-wu/"></span>条评论<a>
    </footer>
</article>


<article class="post">
<div class="post-toppic" style="">
                    <div class="picbox"><a class="read-more" href="/1-prototype-desgin/">
                      <img node-type="articleHeaderPic" src="http://cdn.4zen.top/image/0/f3/1b788052c48652e2549011f0bbbcf.jpg">
                                          </a></div>
                  </div>
    <header class="post-header">
        <h2 class="post-title"><a href="/1-prototype-desgin/">[开发日志]1：分析需求和原型设计</a></h2>
    </header>
    <section class="post-excerpt">
        <p>一、行业情况行业情况：目前所有的零售行业都存在厂家会给销售进行返利的情况，那么返利通过什么来确定呢？最有力的当然是销售小票了！目前就我了解的情况来说基本上都是使用微信或者QQ拍照发到群内然后由返利人员审核后发放红包。
但是，这个存在一个问题，就是使用如果参与返利的人员过多的话会存在漏发或者发错的情况。并且如果要统计销售数据的话必须还要另外用表格或者手写的方式统计登记，无形之中增加了办公成本。

二、需求分析分析了一下业务逻辑，这个里面主<a class="read-more" href="/1-prototype-desgin/">&raquo;</p>
    </section>
    <footer class="post-meta">
        <time class="post-date" datetime=""></time>
        <a href="/1-prototype-desgin/#comment" class="post-comment">有<span data-disqus-url="/1-prototype-desgin/"></span>条评论<a>
    </footer>
</article>


<article class="post">
<div class="post-toppic" style="">
                    <div class="picbox"><a class="read-more" href="/coding/">
                      <img node-type="articleHeaderPic" src="http://cdn.4zen.top/image/0/f3/1b788052c48652e2549011f0bbbcf.jpg">
                                          </a></div>
                  </div>
    <header class="post-header">
        <h2 class="post-title"><a href="/coding/">手痒写代码</a></h2>
    </header>
    <section class="post-excerpt">
        <p>手痒和正好自打从学校毕业后在番禺上了三个月班后我就再也没正式的写过什么代码了，写也是博客这种零零碎碎的改动。我只感觉我身体里那颗躁动不安的心痒的难受…。
正好，这几天老姐一直和我抱怨公司最近上的一部分品种因为存在厂家促销活动，需要员工每天晚上发销售小票照片，然后她去审核照片并发放相应金额的红包，说每天搞这个东西搞的很烦。我想了想，难到我就不能写个小程序吗？直接让员工自己把促销品种选好后拍好照片上传上来，而我姐就可以直接审阅员工上传的数据<a class="read-more" href="/coding/">&raquo;</p>
    </section>
    <footer class="post-meta">
        <time class="post-date" datetime=""></time>
        <a href="/coding/#comment" class="post-comment">有<span data-disqus-url="/coding/"></span>条评论<a>
    </footer>
</article>


<article class="post">
<div class="post-toppic" style="">
                    <div class="picbox"><a class="read-more" href="/qi-yong-xin-zhu-ti-cdc4g/">
                      <img node-type="articleHeaderPic" src="http://cdn.4zen.top/image/c/40/c78cb5d808649e80d3e10100fccea.jpg">
                                          </a></div>
                  </div>
    <header class="post-header">
        <h2 class="post-title"><a href="/qi-yong-xin-zhu-ti-cdc4g/">启用新主题：CDC4G!</a></h2>
    </header>
    <section class="post-excerpt">
        <p>三天打鱼，两天晒网又到了晒网的时候了，不过倒也不是不来写博客，只是最近真的有点忙。3月份有个门店要搬迁，又重新策划了开业活动，另外搬迁之前又是盘点又是做其他活动的，这些日子基本上都扑在店里了，清明节都没休息…
说说这几天干的事这几天忽然想换主题了，又想起之前自己计划的做一个主题，遂趁着这两天稍微空闲了一下捣鼓起了主题。
不过我自己底子差加上很久没接触代码了，很多js、css方面的问题都不太回处理，遂选择了最简单的方式：扒皮。不用自己架构<a class="read-more" href="/qi-yong-xin-zhu-ti-cdc4g/">&raquo;</p>
    </section>
    <footer class="post-meta">
        <time class="post-date" datetime=""></time>
        <a href="/qi-yong-xin-zhu-ti-cdc4g/#comment" class="post-comment">有<span data-disqus-url="/qi-yong-xin-zhu-ti-cdc4g/"></span>条评论<a>
    </footer>
</article>


<article class="post">
<div class="post-toppic" style="">
                    <div class="picbox"><a class="read-more" href="/yun-gentie/">
                      <img node-type="articleHeaderPic" src="http://cdn.4zen.top/image/7/e1/71ab3d9fe111d1d42dd1c05c11334.png">
                                          </a></div>
                  </div>
    <header class="post-header">
        <h2 class="post-title"><a href="/yun-gentie/">网易云跟帖适配ajax主题，动态加载评论框</a></h2>
    </header>
    <section class="post-excerpt">
        <p>2017年3月29日上午：（经测试发现无法评论）。。2017年3月29日中午：刷新博客发现早上发的评论居然出来了，网易云跟帖的审核速度未免也太“快”了把？。。总结：还是不要使用该款评论组件。。
~~自从前几天多说宣布停止服务后我一直在寻找另外一个我喜欢的第三方评论组件，最喜欢的应该是disqus了，主要是因为他的游客评论功能，目前国内除多说外的组件似乎都强制用户登录才可以发表评论。我觉得这就像是我去旅游别人强制我买东西一样蛋疼…
但是我<a class="read-more" href="/yun-gentie/">&raquo;</p>
    </section>
    <footer class="post-meta">
        <time class="post-date" datetime=""></time>
        <a href="/yun-gentie/#comment" class="post-comment">有<span data-disqus-url="/yun-gentie/"></span>条评论<a>
    </footer>
</article>


<article class="post">
<div class="post-toppic" style="">
                    <div class="picbox"><a class="read-more" href="/auto-add-link-icon/">
                      <img node-type="articleHeaderPic" src="http://cdn.4zen.top/image/1/a9/4b602043de513241ab9722a614d5d.jpg">
                                          </a></div>
                  </div>
    <header class="post-header">
        <h2 class="post-title"><a href="/auto-add-link-icon/">文章内链接自动增加网站icon</a></h2>
    </header>
    <section class="post-excerpt">
        <p>为什么做这个之前使用罗磊的一款名为【Yasuko】的主题时发现了一个很有意思的功能：文章内的链接能自动增加来源站的icon。效果大概是下面这样，如果你现在来看这篇文章应该已经实现好这个功能了。我感觉这个功能能给单调的文章增添一些活力，也能给那些来源站做做宣传=w=，所以便想着在现在的这个主题上增加这个功能。
实现过程我查看了一下罗磊写的相关代码，发现他是单独做了一些判断，并且使用的是预设好的webfont字体做的图标，这样更为稳定，也更<a class="read-more" href="/auto-add-link-icon/">&raquo;</p>
    </section>
    <footer class="post-meta">
        <time class="post-date" datetime=""></time>
        <a href="/auto-add-link-icon/#comment" class="post-comment">有<span data-disqus-url="/auto-add-link-icon/"></span>条评论<a>
    </footer>
</article>


<article class="post">
<div class="post-toppic" style="">
                    <div class="picbox"><a class="read-more" href="/ajaxed-load-duoshuo-count/">
                      <img node-type="articleHeaderPic" src="http://cdn.4zen.top/image/b/3e/aed1edab0e38c3ae2a00a76ef3a0c.jpg">
                                          </a></div>
                  </div>
    <header class="post-header">
        <h2 class="post-title"><a href="/ajaxed-load-duoshuo-count/">ajax加载后多说评论数的加载</a></h2>
    </header>
    <section class="post-excerpt">
        <p>
###前言
ghost的系统并没有自带评论系统，所以基本大家使用的都是第三方的评论组件。目前提供这种服务的有：

Disqus：目前在墙外，基本上不会科学上网的话是加载不出来的。
多说：就我感觉应该是国内目前最好用的了把？没有过多的硬性要求，还过的去的api系统，也是我目前在使用的服务。
畅言：我使用过一段时间，感觉功能花哨，而且不能游客评论，不是很喜欢。
友言：我感觉是最差的一个评论组件了，可自定义程度低，基本没有api文档，想自定<a class="read-more" href="/ajaxed-load-duoshuo-count/">&raquo;</p>
    </section>
    <footer class="post-meta">
        <time class="post-date" datetime=""></time>
        <a href="/ajaxed-load-duoshuo-count/#comment" class="post-comment">有<span data-disqus-url="/ajaxed-load-duoshuo-count/"></span>条评论<a>
    </footer>
</article>




<nav class="pagination" role="navigation">
    
    <span class="page-number">第 1 页 &frasl; 共 2 页</span>
    
        <a class="older-posts" href="/tags/设计/page/2/">下一页 &rarr;</a>
    
</nav>
</main>

    </div>

    <div class="sidebar">  
        <a href="#s-top" class="s-top" to="#s-top"><i class="fa fa-chevron-up" action-type="goTop"></i></a>
    </div>

    <footer class="site-footer clearfix">
        <section class="copyright"><a href="">我道</a> &copy; </section>
        <section class="poweredby">Proudly published with <a href="https://ghost.org">Ghost</a> &amp; <a href="http://www.ghostchina.com">GhostChina</a></section>
    </footer>

    <script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
    <script src="/js/plugin.js"></script>
    <script src="/js/index.js"></script>

</body>
</html>
